<template>
	<view class=" bg-white padding min-height-100">
		<MessageList ref="RefData" @clickItem="clickItem" />
	</view>
</template>

<script>
	import MessageList from "./components/MessageList.vue"
	export default {
		components: {
			MessageList
		},
		data() {
			return {
				searchObj: {
					pageNum: 1,
					pageSize: 10
				},
			}
		},
		onPullDownRefresh() {
			this.getDatas(this.$ListLoadEnum.load)
		},
		onReachBottom() {
			this.getDatas(this.$ListLoadEnum.bottom)
		},
		onLoad() {},
		onReady() {
			this.getDatas(this.$ListLoadEnum.load)
		},
		methods: {
			getDatas(type) {
				this.$refs.RefData.loadDatas(type, this.searchObj)
			},
			clickItem(e) {
				// this.$jump({
				// 	to: "/pages/message/detail",
				// 	query: {
				// 		id: e.id
				// 	}
				// })
			},
		},
	}
</script>

<style lang="less" scoped>
</style>
